<%@ include file="../common/top.jsp"%>



<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
    <link rel="stylesheet" type="text/css" href="css/signon.css">
    <script src="https://kit.fontawesome.com/59c20db7cc.js" crossorigin="anonymous"></script>

    <!-- 2. jQuery导入，建议使用1.9以上的版本 -->
    <script src="js/jquery-2.1.0.min.js"></script>
    <!-- 3. 导入bootstrap的js文件 -->
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript">
        //切换验证码
        function refreshCode(){
            img=document.getElementById("vcode"); //获取验证码图片对象
            var time=new Date().getTime();  //时间戳
            img.src="${pageContext.request.contextPath }/checkcode?"+time;
        }
    </script>

</head>
<body>
<div class="w">
    <div class="user-content">
        <div class="user-title">用户登录</div>
        <form action="signOn" class="user-form" method="POST">
            <c:if test="${requestScope.signOnMsg != null}">
                <div class="user-form-error">
                    <i class="fa-solid fa-circle-exclamation error-icon" ></i>
                    <p class="error-msg">${requestScope.signOnMsg}</p>
                </div>
            </c:if>
            <div class="user-form-item">
                <label for="username" class="user-form-label">
                    <i class="fa-solid fa-user"></i>
                </label>
                <input type="text" class="user-form-input" name="username" id="username" placeholder="请输入用户名" autocomplete="off">
            </div>
            <div class="user-form-item">
                <label for="password" class="user-form-label">
                    <i class="fa-solid fa-lock"></i>
                </label>
                <input type="password" class="user-form-input" name="password" id="password" placeholder="请输入密码" autocomplete="off">
            </div>

            <div class="user-form-item">
                <label for="vcode1">验证码：</label>
                <input type="text" class="user-form-inputvcode" name="vcode" id="vcode1" placeholder="请输入验证码" autocomplete="off">
                <a href="javascript:refreshCode()"><img src="${pageContext.request.contextPath }/checkcode" title="看不清点击刷新" id="vcode"/></a>
            </div>

            <div class="user-form-item">
                <input type="submit" value="登录" class="user-form-submit" >
            </div>
            <div class="user-form-link">
                <a href="registerForm" class="link">用户注册</a>
            </div>
        </form>
    </div>

</div>
</body>
</html>


<%--<div id="Catalog">--%>
<%--    <form action="signOn" method="post">--%>
<%--        <p>Please enter your username and password.</p>--%>
<%--        <c:if test="${requestScope.signOnMsg != null}">--%>
<%--            <p> <font color="red">${requestScope.signOnMsg} </font> </p>--%>
<%--        </c:if>--%>
<%--        <p>--%>
<%--            Username:<input type="text" name="username"> <br />--%>
<%--            Password:<input type="password" name="password"> <br />--%>
<%--            verification:<input type="text" name="verification">--%>
<%--        </p>--%>
<%--        <input type="submit" value="Login">--%>
<%--    </form>--%>
<%--    Need a username and password?--%>
<%--    <a href="registerForm">Register Now!</a>--%>

<%--</div>--%>

<%@ include file="../common/bottom.jsp"%>